<template>
	<view class="item-main">
		<view class="item-center area-row row-between" @click="toPage('/pages/details/brand/brand?id='+item.id)">
			<view class="acea-row info row-middle">
				<image class='item-img' :src="item.image?item.image:$noImageShow" mode="aspectFill"></image>
				<view class="content-main">
					<!-- <view class="line break"><text class="limit">商品名称：{{item.realname}} </text><text class="red status">{{ item.status == 0 ? '待审核' : (item.status == 1 ? '审核通过' : (item.status == 2 ? '审核拒绝' : '' ))}}</text> -->
					<!-- </view> -->
					<view class="break">知名度：{{ item.type }}</view>
					<view class="break">消费档次：{{ item.consumeLevel == '1' ? '低' : (item.consumeLevel == '2' ? '中' : (item.consumeLevel == '3' ? '高' : ''))}}</view>
					<view class="break">消费群体：{{ item.consumeKeyword }}</view>
					<view class="break">所属公司：{{ item.company }}</view>
				</view>
			</view>
		</view>
<!-- 		<view class="labels acea-row " >
			<view @click="toPage(data.path + (item.id+'&brandName='+item.realname))" class="label acea-row row-middle" v-for="(data,dataIndex) in dataList" :key="dataIndex">
				<image src="../static/images/kind_icon.png" mode=""></image>
				<view class="info acea-row row-column row-top">
					<text><text class="font34 font600">{{ item[data.info] || 0 }}</text>个</text>
					<text class="content col_A6">{{ data.text }}</text>
				</view>
			</view>
		</view> -->
		<view class="item-bottom">
			<view class="info">已为您匹配到1200人·浏览 112 ·咨询0</view>
			<view class="bottom-btn">
				<text>置顶</text>
				<text>群发</text>
				<text>VIP</text>
				<text>访客</text>
				<text @click="toPage('/pages/releases/brandCorrelation/brandCorrelation?typeOn=0&id='+item.id)">编辑</text>
				<text>设置</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		toPage
	} from '@/filters/commFilter.js'
	export default {
		props: {
			item: Object
		},
		data() {
			return {
				dataList:[
					{ info: 'contactPerson', text: '联络人', path:'/pages/releases/addLiaisons/addLiaisons?brandId='},
					{ info: 'expansionPlan', text: '拓展计划', path: ''},
					{ info: 'agentJoin', text: '代理加盟', path: '/pages/releases/agentJoin/agentJoin?brandId='},
					{ info: 'supplyChain', text: '供应链', path: '/pages/releases/supplyChain/supplyChain?brandId='},
					{ info: 'brandStory', text: '品牌故事', path: '/pages/releases/brandStory/brandStory?brandId='},
					{ info: 'distributionPoint', text: '布点', path: '/pages/releases/addPoint/addPoint?brandId='}
				],
				
			}
		},
		methods: {
			toPage,
		}
	}
</script>

<style lang="scss">
	.break {
		word-break: break-all;
	}

	.red {
		color: #EE212D;
	}

	.col_A6 {
		color: #A6A6A6;
	}

	.font600 {
		font-weight: 600;
	}

	.font34 {
		font-size: 34rpx;
	}

	.item-main {
		font-size: 24rpx;
		padding: 34rpx 24rpx 36rpx;
		background-color: #ffffff;
		margin: 0rpx 28rpx 26rpx;
		border-radius: 20rpx;

		.item-top {
			// margin: 0rpx 24rpx 0rpx 28rpx;
			border-bottom: 2rpx solid rgba(238, 238, 238, 1);
			height: 86rpx;

			.left {
				font-size: 30rpx;
				font-weight: 400;
				color: rgba(56, 56, 56, 1);
			}

			.right {
				border-radius: 10rpx;
				background-color: rgb(238, 33, 45);
				color: rgba(255, 255, 255, 1);
				font-size: 24rpx;
				width: 122rpx;
				height: 44rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}

		.item-center {
			padding-bottom: 30rpx;
			border-bottom: 2rpx solid rgba(238, 238, 238, 1);

			.info {
				position: relative;
                width: 100%;
				.item-img {
					width: 170rpx;
					height: 144rpx;
					border-radius: 10rpx;
					margin-right: 18rpx;
				}

				.content-main {
					font-size: 24rpx;
					font-weight: 400;
					line-height: 20px;
					color: rgba(128, 128, 128, 1);

					view {
						margin: 0;
						padding: 0;
					}
				}
			}

		}

		.item-bottom {
			.info {
				margin-top: 20rpx;
				font-size: 22rpx;
				font-weight: 400;
				line-height: 40rpx;
				color: rgba(166, 166, 166, 1);
			}

			.bottom-btn {
				padding-bottom: 36rpx;
				margin-top: 18rpx;
				display: flex;
				justify-content: space-between;

				text {
					font-size: 24rpx;
					color: rgba(128, 128, 128, 1);
					width: 90rpx;
					line-height: 44rpx;
					border-radius: 4rpx;
					border: 2rpx solid rgba(229, 229, 229, 1);
					display: flex;
					justify-content: center;
				}
			}
		}
	}

	.labels {
		box-sizing: border-box;
		padding: 22rpx 0rpx;
		width: 100%;
		border-bottom: 2rpx solid rgba(238, 238, 238, 1);

		.label {
			width: 32%;
			padding: 8rpx 12rpx;
			border-radius: 12rpx;
			margin-right: 2%;
			border-radius: 0px 10px, 10rpx, 0px;
			background: #F7F7F7;
            margin-bottom: 20rpx;
			image {
				width: 36rpx;
				height: 36rpx;
				margin-right: 18rpx;
			}

			&:nth-child(3n) {
				margin-right: 0;
			}
		}

		.info {
			border-left: 2rpx solid #eee;
			padding-left: 18rpx;
			flex: 1;
		}
	}

	.limit {
		max-width: 380rpx;
	}

	.status {
		position: absolute;
		right: 0;
		top: 0;
	}
</style>
